<div id="wrapper">
    <mat-card>
      <mat-card-header>
        <mat-card-title>Eclipse Dataspace Connector</mat-card-title>
      </mat-card-header>
      <mat-card-content>
        <p class="description">
            The Eclipse Dataspace Connector provides a framework for sovereign, inter-organizational data exchange.
            It implements the International Data Spaces standard (IDS) as well as relevant protocols associated with GAIA-X.
            The connector is designed in an extensible way in order to support alternative protocols and integrate in various ecosystems.
        </p>
        <p>
          <a class="link" color="secondary" href="https://github.com/eclipse-dataspaceconnector/DataSpaceConnector"
             mat-stroked-button
             target="_blank">
            GitHub
          </a>
          <a class="link" color="secondary"
             href="https://github.com/eclipse-dataspaceconnector/DataSpaceConnector/blob/main/README.md"
             mat-stroked-button
             target="_blank">
            Getting Started
          </a>
          <a class="link" color="secondary"
             href="https://github.com/eclipse-dataspaceconnector/DataSpaceConnector/blob/main/onboarding.md"
             mat-stroked-button
             target="_blank">
            Onboarding Guide
          </a>
        </p>
    </mat-card-content>
</mat-card>

<mat-card>
    <mat-card-header>
      <mat-card-title>EDC Data Dashboard (this application)</mat-card-title>
    </mat-card-header>
    <mat-card-content>
        <p class="description">
          This EDC Data Dashboard is a developer UI for the EDC Management API.
          This application is not intended for production usage and can be used to showcase EDC from a technical perspective, as the UI
          is designed as a 1-1 mapping of the Management API.
        </p>
      <p>
        <a class="link" color="secondary"
           href="https://app.swaggerhub.com/apis/eclipse-edc-bot/management-api"
           mat-stroked-button
           target="_blank">
          Management API
        </a>
      </p>
      <p class="description">
          Example use cases, that you can try out with this application, are:
      </p>
      <ul id="example-use-cases-list">
        <li>View the asset catalog available to you in your Dataspace using the <a [routerLink]="['/catalog-browser']" class="md-accent">Catalog Browser</a></li>
        <li>Negotiate a contract for data sharing in your Dataspace using the <a [routerLink]="['/catalog-browser']">Catalog Browser</a></li>
        <li>View your existing contracts in the <a [routerLink]="['/contracts']">Contracts</a> page</li>
        <li>Transfer an asset in your Dataspace using the <a [routerLink]="['/contracts']">Contracts</a> page</li>
        <li>View which assets have been transferred in your Dataspace in the <a [routerLink]="['/transfer-history']">Transfer History</a> page</li>
        <li>View and create assets using the <a [routerLink]="['/my-assets']">Assets</a> page</li>
        <li>View and create policies and apply these to assets in your Dataspace using the <a [routerLink]="['/policies']">Policies</a> page</li>
        <li>Publish a new asset into your Dataspace using the <a [routerLink]="['/contract-definitions']">Contract Definitions</a> page</li>
      </ul>
    </mat-card-content>
</mat-card>
</div>
